<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>购物车</title>
    <link rel="stylesheet" href="./css/shopcar.css" />
    <script src="./js/jquery.min.js"></script>
    <script src="../node_modules/axios/dist/axios.min.js"></script>
  </head>
  <body>
    <header>
      <div class="in">
        <ul class="left fl">
          <li><a href="#">欢太品牌</a></li>
          <li><a href="#">欢太云服务</a></li>
          <li><a href="#">软件商店</a></li>
          <li><a href="#">健康</a></li>
        </ul>
        <ul class="right fr">
          <li><a href="#">下载欢太商城APP</a></li>
          <li>
            <a href="#" onclick="goLogin()">
              <span class="iconfont icon-yonghu-xianxing"></span>
              <span class="user"></span>
            </a>
          </li>
          <li><a href="#" class="exit" onclick="exitLogin()"></a></li>
          <li>
            <a onclick="toshopcar()">
              <span class="iconfont icon-31gouwuche"></span>
              <span class="shopcar">购物车</span>
            </a>
          </li>
        </ul>
      </div>
    </header>
    <nav>
      <div class="in">
        <img
          src="	https://dsfs.oppo.com/oppo/shop-pc-v2/main/img/2bdb956.png?x-oss-process=image/format,webp"
          alt=""
          onclick="toindex()"
        />
        <ul>
          <li><a href="#">OPPO专区</a></li>
          <li><a href="#">OnePlue专区</a></li>
          <li><a href="#">realme专区</a></li>
          <li><a href="#">智能硬件</a></li>
          <li><a href="#">潮流好物</a></li>
          <li><a href="#">服务</a></li>
        </ul>
        <div class="sousuo flex">
          <input type="text" name="" id="" placeholder="OPPO K9 Pro" />
          <span class="iconfont icon-sousuo"></span>
        </div>
      </div>
    </nav>
    <main>
      <div class="in">
        <ul class="cartop">
          <li>商品信息</li>
          <li>单价</li>
          <li>数量</li>
          <li>操作</li>
          <li>小计</li>
        </ul>
        <ul class="carList">
          <!-- <li>
            <div class="left">
              <input type="checkbox" />
              <img src="" alt="" />
              <div>
                <p>name</p>
                <p>ddddddddddddddddddddddc</p>
              </div>
            </div>
            <div>单价</div>
            <div>
              <input type="number" name="" min="1" value="${item.pnum}" />
            </div>
            <div>
              <span class="iconfont icon-shanchu"></span>
            </div>
            <div>总计</div>
          </li> -->
        </ul>
      </div>
    </main>
    <div class="footer">
      <div class="in">
        <p class="flex">
          <input
            type="checkbox"
            name=""
            id=""
            class="allSelect"
            onchange="allCK()"
          />全选
        </p>
        <p class="flex">
          合计：<span id="priceSum">￥0.00</span>
          <input type="button" value="去结算" id="countSum" />
        </p>
      </div>
    </div>
    <script src="./js/commom.js"></script>
    <script src="./js/shopcar.js"></script>
  </body>
</html>
